<div ng-if="totalPage>1">
    <div class="sui-pagination">
        <ul>
            <li class="prev" ng-class="pageNo==1?'disabled':''"><a href="javascript:" ng-click="goPage(pageNo-1)">«{{"previous page"|translate}}</a></li>
            <li class="dotted" ng-show="haveA"><span>...</span></li>
            <li ng-class="pageNo==p?'active':''" ng-repeat="p in pageList"><a href="javascript:" ng-click="goPage(p)">{{p}}</a></li>
            <li class="dotted" ng-show="haveB"><span>...</span></li>
            <li class="next" ng-class="pageNo==totalPage?'disabled':''"><a href="javascript:" ng-click="goPage(pageNo+1)">{{"next page"|translate}} </a></li>
        </ul>
        <div>
            <span>{{"each page"| translate}}{{pageSize}}{{"strip"|translate}};&nbsp;</span>
            <span>{{"common"|translate}}{{totalPage}}{{"page"|translate}}&nbsp;</span>
            <span>{{"reach"|translate}} 
              <input type="number" min="1" class="page-num" ng-model="inputNo" ng-change="changeInputNo()">
              <button class="page-confirm" ng-click="goPage(inputNo)"> {{"ok"|translate}} </button> 
              {{"page"|translate}};
              <span ng-show="stype">
                <input type="number" min="1" class="page-num" ng-model="inputpageSize" ng-change="changeInputNo()">
                {{"bar page"|translate}}
                <button class="page-confirm" ng-click="goPage(1,inputpageSize)"> {{"ok"|translate}} </button> 
              </span>
              
            </span>
            <span>{{"common"|translate}} {{total}}{{"strip"|translate}}</span>
        </div>

    </div>
</div>